<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    text: { type: String, default: "更多" },
  },
});
</script>

<template>
  <view class="more-btn">
    <view class="more-btn-text">{{ text }}</view>
    <image
      class="more-btn-arrow"
      src="@/package/mall/static/goods-detail-arrow.png"
    />
  </view>
</template>

<style lang="scss">
.more-btn {
  display: flex;
  align-items: center;
  height: 42rpx;

  .more-btn-text {
    font-size: 24rpx;
    color: #666666;
  }

  .more-btn-arrow {
    width: 24rpx;
    height: 24rpx;
  }
}
</style>